<!-- 
  动态路由页面
  /posts/:id
 -->

<template>
  <div>
    <h1>Posts / xxx</h1>
  </div>
</template>

<script lang="ts" setup>
definePageMeta({
  middleware: function (to) {
    // 判断 当前的 动态路由参数是否是一个id
    const id = to.params.id as string;
    if (!/^\d+$/.test(id)) {
      // 非数字，直接重定向到首页
      // return navigateTo("/");
      // 非数字，中止导航
      return abortNavigation("参数有误");
    }
  },
});

const route = useRoute();

console.log(route.query.name);
console.log(route.params.id);
</script>
